@charset "utf-8";
html{width:100%;min-height:100%;}
body{margin:0;}
ul,li,dl,dt,dd{list-style:none;}
a:link{text-decoration:none;}
img{border:0 none;line-height:0;font-size:0;}
/* new clearfix */
.clearfix:before {content: " ";clear: both;display: table;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* new clearfix */
.pull-left{float:left !important;}
.pull-right{float:right !important;}
.clearL{clear:left}
.clearR{clear:right}
.clearB{clear:both}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.color-f00{color:#f00;}
.pointer{cursor:pointer;}
.valign-top{vertical-align:top !important;}
.valign-middle{vertical-align:middle !important;}
.valign-bottom{vertical-align:bottom !important;}
.width-100{width:100% !important;}
.width-95{width:95% !important;}
.width-90{width:90% !important;}
.width-85{width:85% !important;}
.width-80{width:80% !important;}
.width-75{width:75% !important;}
.width-70{width:70% !important;}
.width-65{width:65% !important;}
.width-60{width:60% !important;}
.width-55{width:55% !important;}
.width-50{width:50% !important;}
.width-45{width:45% !important;}
.width-42{width:42% !important;}
.width-40{width:40% !important;}
.width-35{width:35% !important;}
.width-30{width:30% !important;}
.width-25{width:25% !important;}
.width-20{width:20% !important;}
.width-15{width:15% !important;}
.width-10{width:10% !important;}
.static{position:static;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.hide{display:none}
.no-border{border:0 none !important;}
.no-outine{outline:0 none !important}
.no-margin{margin:0 !important}
.no-margin-r{margin-right:0 !important}
.no-margin-b{margin-bottom:0 !important}
.no-padding{padding:0 !important;}
.no-float{float:none !important;}
.no-boxshadow{box-shadow:none !important;}
.font-bold{font-weight:bold;}
.font-simsun{font-family: Arial,"SimSun"}
.font-simhei{font-family: Arial,"SimHei"}
.font-wryh{font-family: Arial,"Microsoft YaHei"}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
/* placeholder 颜色样式 */
::-moz-placeholder{color:#4a4a4a;}              /*ff*/
::-webkit-input-placeholder{color:#4a4a4a;}     /*chrome,safari*/
:-ms-input-placeholder{color:#4a4a4a;}          /*ie10*/
/* 名值对 */
.name-value-pair{overflow:hidden}
.name-value-pair li{float:left}
.name-value-pair .name,.name-value-pair .value{float:left}
.name-value-pair .name{text-align:right;}
.name-value-pair .value{text-align:left;}
.name-value-pair .value label{position:relative;display: block;width:100%;max-width:100%;}

/* 布局宽度 */
.flex-5-95 li .name{width:5%;}
.flex-5-95 li .value{width:95%;}
.flex-10-90 li .name{width:10%;}
.flex-10-90 li .value{width:90%;}
.flex-15-85 li .name{width:15%;}
.flex-15-85 li .value{width:85%;}
.flex-20-80 li .name{width:20%;}
.flex-20-80 li .value{width:80%;}
.flex-25-75 li .name{width:25%;}
.flex-25-75 li .value{width:75%;}
.flex-30-70 li .name{width:30%;}
.flex-30-70 li .value{width:70%;}
.flex-35-65 li .name{width:35%;}
.flex-35-65 li .value{width:65%;}
.flex-40-60 li .name{width:40%;}
.flex-40-60 li .value{width:60%;}
.flex-45-55 li .name{width:45%;}
.flex-45-55 li .value{width:55%;}
.flex-50-50 li .name{width:50%;}
.flex-50-50 li .value{width:50%;}
.flex-55-45 li .name{width:55%;}
.flex-55-45 li .value{width:45%;}
.flex-60-40 li .name{width:60%;}
.flex-60-40 li .value{width:40%;}
.flex-65-35 li .name{width:65%;}
.flex-65-35 li .value{width:35%;}

.input-icon{display: block;position:relative;}
.input-icon input[type="text"]{padding-right:30px;}
.input-icon .icon-box{position:absolute;right:0;top: 0px;width:27px;height: 100%;border-left:1px solid #8c8c8c;text-align:center}
.input-icon .icon-box .icon{position: absolute;left: 5px;top: 4px;}
.icon-calendar{display:block;width:18px;height:18px;background:url(../images/input-icons.png) 0 0 no-repeat;cursor:pointer}
.validation-tip{position:absolute;color:#f00;left: 8px;top: -6px;font-size: 12px;background-color:#fff;line-height:1;white-space:nowrap;text-indent: 0;letter-spacing:normal;}

/* 分页 */
.table-paging{margin:15px 0;font-size:12px;font-family: Arial;text-shadow:1px 1px 0 rgba(255,255,255,0.4)}
.table-paging button{border:none;line-height:24px;padding:0 8px;outline:none;}
.table-paging button>span{padding:0 4px;font-family:cursive;}
.table-paging .pagination li input{width:26px;height:25px;margin:0 6px;border: 1px solid #b6b6b6; border-radius: 4px;background-color: #fff;}
.table-paging>ul{float:right;overflow:hidden;margin:0;}
.table-paging>ul>li {float:left;margin:0 2px; border-radius: 3px;padding: 6px 0;line-height: 30px;}
.pagination>li>a,.pager>li>a, .pagination>li>span, .pager>li>span {border-width: 1px;}
.pagination>li>a,.pagination>li>span,.pagination>li>button{position: relative;height: 25px;line-height: 26px;display:inline-block;box-sizing:border-box; padding: 0 10px;text-decoration: none;border-radius:3px;background-color: #fff;color:#000;background-image:url(../images/pagination-bg.png);background-repeat:repeat-x;cursor:pointer;box-shadow:0px 1px 4px 1px #bbb}
.pagination>li.active>a{color: #fff !important; text-decoration: none;background:#959595;box-shadow:0 1px 0px rgba(0,0,0,.1) inset}
.pagination .default{cursor:default;}
.pagination .pagecount{background-image: none; background-color: transparent;box-shadow: none;}
.pagination>li.disabled>a, .pagination>li.disabled>a:hover, .pager>li.disabled>a, .pager>li.disabled>a:hover{ background-color: #f9f9f9; border-color: #d9d9d9;}
.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .pagination>.disabled>button:hover {cursor: not-allowed;border-color: #ddd;}
/* 分页 */

/* 动画 */
@keyframes slideL
{
    from {left:100%;opacity:0}
    to {left:0;opacity:1}
}
@-webkit-keyframes slideL
{ /* Safari and Chrome */
    from {left:100%;opacity:0}
    to {left:0;opacity:1}
}
/* 延迟动画 */
@keyframes slideLdelay
{
    0% {left:100%;opacity:0}
    50% {left:100%;opacity:0}
    100% {left:0;opacity:1}
}
@-webkit-keyframes slideLdelay
{ /* Safari and Chrome */
    0% {left:100%;opacity:0}
    50% {left:100%;opacity:0}
    100% {left:0;opacity:1}
}

